## 6. 编辑检查项- 6.1.2 弹出编辑窗口回显数据
### 6.1 完善页面
用户点击编辑按钮时，需要弹出编辑窗口并且将当前记录的数据进行回显，
用户修改完成后点击确定按钮将修改后的数据提交到后台进行数据库操作。
------------------------------------------------------------
 //进行表单校验 数据编辑表单 validate()编辑的方法
        methods: {
            //编辑
            handleEdit() {

                //编辑标签弹层
                // <el-form ref="dataEditForm" :model="formData" :rules="rules" label-position="right"


                this.$refs['dataEditForm'].validate((valid) => {
                    if (valid) {
                        //表单校验通过，发送axios请求
                        axios.post("/checkitem/edit.do", this.formData).then((response) => {
                            //隐藏编辑窗口
                            //  dialogFormVisible4Edit: false,//编辑表单是否可见
                            this.dialogFormVisible4Edit = false;

                            if (response.data.flag) {
                                //编辑成功，弹出成功提示信息
                                this.$message({
                                    message: response.data.message,
                                    type: 'success'
                                });
                            } else {
                                //编辑失败，弹出错误提示信息
                                this.$message.error(response.data.message);
                            }
                        }).finally(() => {
                            //重新发送请求查询分页数据
                            this.findPage();
                        });

                    } else {
                        //表单校验失败
                        this.$message.error("表单数据校验失败");
                        return false;
                    }
                });

            },
------------------------------------------------------------
### 6.2 后台代码
编辑检查项

#### 6.2.1 Controller
在CheckItemController中增加编辑方法
编辑检查项
//编辑
@RequestMapping("/edit")
public Result edit(@RequestBody CheckItem checkItem){
  try {
    checkItemService.edit(checkItem);
  }catch (Exception e){
    return new Result(false,MessageConstant.EDIT_CHECKITEM_FAIL);
  }
  return new Result(true,MessageConstant.EDIT_CHECKITEM_SUCCESS);
}
------------------------------------------------------------
#### 6.2.2 服务接口
在CheckItemService服务接口中扩展编辑方法
public void edit(CheckItem checkItem);

#### 6.2.3 服务实现类
在CheckItemServiceImpl实现类中实现编辑方法
//编辑
public void edit(CheckItem checkItem) {
  checkItemDao.edit(checkItem);
}
------------------------------------------------------------
#### 6.2.4 Dao接口
在CheckItemDao接口中扩展edit方法
public void edit(CheckItem checkItem);

#### 6.2.5 Mapper映射文件
在CheckItemDao.xml中扩展SQL语句
<!--编辑-->
<update id="edit" parameterType="com.itheima.pojo.CheckItem">
  update t_checkitem
  <set>
    <if test="name != null">
      name = #{name},
    </if>
    <if test="sex != null">
      sex = #{sex},
    </if>
    <if test="code != null">
      code = #{code},
    </if>
    <if test="age != null">
      age = #{age},
    </if>
    <if test="price != null">
      price = #{price},
    </if>
    <if test="type != null">
      type = #{type},
    </if>
    <if test="attention != null">
      attention = #{attention},
    </if>
    <if test="remark != null">
      remark = #{remark},
    </if>
  </set>
  where id = #{id}
</update>


